/**
 *
 * Copyright (c) FaZend.com
 * All rights reserved.
 *
 * You can use this product "as is" without any warranties from authors.
 * You can change the product only through Google Code repository
 * at http://code.google.com/p/fazend
 * If you have any questions about privacy, please email privacy@fazend.com
 *
 * @copyright Copyright (c) FaZend.com
 * @version $Id$
 * @category FaZend
 */

/* global wrapper */
div.wrapper {
    width: <?=FaZend_Pan_Ui_Mockup::WIDTH?>px;
    clear: both;
    margin: 10px auto 20px auto;
    position: relative;
}

/* header above the page */
div.header {
    position: relative;
    height: 40px;
}

    /* active actor */
    div.header div.actor {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    /* link to static PNG of the page */
    div.header div.path {
        position: absolute;
        left: 150px;
        bottom: 10px;
        font-size: 2em;
    }

    /* link to static PNG of the page */
    div.header div.link {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

/* global wrapper */
div.page {
    border: 1px solid <?=FaZend_Image::getCssColor('border')?>;
    padding: <?=FaZend_Pan_Ui_Mockup::INDENT?>px;
    position: relative;
    min-height: 400px;
}

    /* broken link */
    div.page span.broken {
        border-bottom: 1px dotted <?=FaZend_Image::getCssColor('error')?>;
        cursor: pointer;
    }

    /* SUBMIT button at the end of the form */
    div.page span.submit {
        padding: 4px;
        border: 2px solid <?=FaZend_Image::getCssColor('mockup.button.border')?>;
        background: <?=FaZend_Image::getCssColor('mockup.button')?>;
    }

    /* list of all active actor */
    div.page div.actors {
        position: absolute;
        top: 0px;
        left: -210px;
        width: 200px;
        line-height: 1.4em;
        text-align: right;
    }

        div.page div.actors li.actor {
            list-style: none;
            margin-bottom: 18px; 
            text-align: right;
        }

        div.page div.actors li.pic {
            background: transparent url('<?=$this->viewFile('ui/actor.gif')?>');
            display: inline-block;
            width: 13px;
            height: 20px;
        }

        div.page div.actors li.picActive {
            background: transparent url('<?=$this->viewFile('ui/actorActive.gif')?>');
            width: 25px;
            height: 39px;
        }

        div.page div.actors li.active {
            list-style: none;
            margin-bottom: 18px; 
            font-weight: bold;
        }

    /* list of all scripts */
    div.page div.nav {
        position: absolute;
        top: 0px;
        right: -160px;
        line-height: 1.4em;
        width: 150px;
    }

        div.page div.nav ul {
            margin-left: 0px !important;
        }

        div.page div.nav li {
            list-style: none;
            margin-bottom: 18px; 
        }

            div.page div.nav li li {
                margin-bottom: 0px !important; 
                margin-left: 5px;
            }

                div.page div.nav li li.active {
                    font-weight: bold;
                }

            div.page div.nav li li a.home:before {
                content: "[";
            }

            div.page div.nav li li a.home:after {
                content: "]";
            }

